/* Fixed sidenav, full height */
body {
    font-family: "Lato", sans-serif;
    margin-left: 0;
    margin-top: 0;
        font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

h1 {
    color: #0a7ba7;
    font-size: 2rem;
    padding-top: 30px;
    padding-bottom: 10px;
}

h2 {
    background-color: #fff;
    color: #0a7ba7;
    font-size: 1.7rem;
    padding-top: 0px;
    padding-bottom: 0px;
}

h3 {
    color: #0a7ba7;
    font-size: 1.2rem;
    padding-top: 20px;
    padding-bottom: 10px;
}

h4 {
    color: #0a7ba7;
    font-size: 1.2rem;
    padding-top: 20px;
    padding-bottom: 10px;
}

@media screen and (max-height: 600px) {
    .sidenav {
        padding-top: 15px;
    }
    .navbar a {
    float: none;
    display: block;
  }
}

 /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

.btn-primary, .btn-default {
    border-bottom: 1px solid #00b4e5;
    background-color: #16b5e1;
    color: #fff;
}

.btn-primary:hover, .btn-default:hover {
    background-color: #c2710d;
    color: #fff;
}


#main {
    transition: margin-left .5s;
    padding: 0px;
    background-color: white;
}

/* Main content */
.main {
    margin-left: 220px; /* Same as the width of the sidenav */
    font-size: 14px; /* Increased text to enable scrolling */
    padding: 0px 16px;
}

/* Add an active class to the active dropdown button */
.active {
    background-color: #5AB1D3;
    color: white;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
    display: none;
    background-color: #262626;
    padding-left: 8px;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
    float: right;
    padding-right: 8px;
}

 /* Style the navigation bar */
.navbar {
  width: 100%;
  background-color: #555;
  overflow: auto;
}

/* Navbar links */
.navbar a {
  float: left;
  text-align: center;
  padding: 12px;
  color: white;
  text-decoration: none;
  font-size: 17px;
}

/* Navbar links on mouse-over */
.navbar a:hover {
  background-color: #000;
}

/* Current/active navbar link */
.tab-pane {
  background-color: white;
  color: black;
}



a {
    color: #128eb0;
    text-decoration: underline;
}

a:hover {
    color: #c2710d;
}

*, ::after, ::before {
    box-sizing: border-box;
}

user agent stylesheet
a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}

.dropdown-item  {
    background-color: #fff;
    color: black;
    max-width: 230px;
    padding-left:0px;
    font-size: 1rem;
    text-wrap: normal;
}

.topnav {
    overflow: hidden;
    background-color: #5AB1D3;
    margin-top: 0px;
    margin-left: -10px;
}

.topnav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 16px 16px;
text-decoration: none;
font-size: 14px;
}

.topnav a:hover {
    background-color: #00b4e5;
    color: black;
}

.topnav a.active {
    background-color: black;
    color: white;
}

.topnav .icon {
display: none;
}

.sidenav {
    height: 100%;
    width: 220px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #5AB1D3;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: white;
}

/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
    padding: 6px 8px 6px 16px;
    padding-top: 0px;
    margin-top: 0px;
    text-decoration: none;
    font-size: 20px;
    color: white;
    display: block;
    transition: 0.3s;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.sidenav .header {
    background-color: white;
    border: groove;
    text-align: center;
    padding-top: 0px;
    margin-top: -18px;
}

.sidenav .footer {
    text-align: center;
    color: white;
}
/*.sidenav .closebtn {
position: absolute;
top: 0;
left:0;
right: 25px;
font-size: 24px;
margin-left: 50px;
}*/


/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
    /*color: #00b4e5;*/
    background-color: #00b4e5;
    color: black;
}

.sidenav li.dropdown-item a {
    background-color: #fff;
    color: #3a748b;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 1px;
    font-size: 0.8rem;
}

.sidenav li.dropdown-item a:hover {
    background-color: #5AB1D3;
    color: #fff;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-right: 2px;
    font-size: 11px;
}

.sidenav li.dropdown-item a:active {
    background-color: #fff;
}

.sidenav a, .dropdown-btn {
    padding: 6px 8px 6px 16px;
    padding-top: 0px;
    margin-top: 0px;
    text-decoration: none;
    font-size: 20px;
    color: white;
    display: block;
    transition: 0.3s;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.sidenav ul.dropdown-menu li.dropdown-item:active {
    background-color: #5AB1D3;
}


ul.dropdown-menu.active.show {
    background-color: #fff;
}



.accordion-body {
    background-color: #fff
}

div.accordion-body {
    background-color: #fff
}

li {
    list-style-type: none;
}

.label-resaltado {
    font-size: 0.8rem;
    font-weight: bold;
}

.label-simple {
    font-size: 0.8rem;
}

.radio-button-list input[type="radio"] {
    margin-right: 10px; 
}